<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>

<!-- BASICS -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Mom's World - Tạo bài viết</title>

<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/ico" href="Content/images/favicon.png" />

<link href="Content/css/vendor/bootstrap/bootstrap.min.css"
	rel="stylesheet">
<link
	href="Content/css/vendor/font-awesome-4.2.0/css/font-awesome.min.css"
	rel="stylesheet">
<link rel="stylesheet" href="Content/css/vendor/animate/animate.css">
<link rel="stylesheet" href="Content/css/vendor/bootstrap-checkbox.css">
<link rel="stylesheet"
	href="Content/css/vendor/ribbons/3d-corner-ribbons.css">
<link rel="stylesheet"
	href="Content/js/vendor/text-rotator/css/simpletextrotator.css">

<!-- Important Owl stylesheet -->
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.carousel.css">
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.theme.css">
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.transitions.css">

<link rel="stylesheet"
	href="Content/js/vendor/nivo-lightbox/css/nivo-lightbox.css">
<link rel="stylesheet"
	href="Content/js/vendor/nivo-lightbox/css/themes/default/default.css"
	type="text/css" />


<link href="Content/css/vendor/froala_editor/froala_editor.min.css"
	rel="stylesheet" type="text/css">
<link href="Content/css/vendor/froala_editor/froala_style.min.css"
	rel="stylesheet" type="text/css">

<!-- CUSTOM STYLE -->
<link rel="stylesheet" href="Content/css/main.css">
<link rel="stylesheet" href="Content/css/minimal.min.css">

</head>

<body>







	<!-- Preloader -->
	<div class="mask">
		<div id="loader"></div>
	</div>
	<!--/Preloader -->





	<!-- BEGIN NAVBAR -->
	<div class="navbar navbar-fixed-top" role="navigation"
		data-0="line-height:80px; height:80px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);"
		data-300="line-height:40px; height:40px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);">

		<div class="container">






			<!-- Branding -->
			<div class="navbar-header">
				<a class="navbar-brand" href="index.html"
					data-0="padding-top:23px;padding-left: 55px;background-position: 0 16px;background-size: 44px 44px;font-size: 24px;height: 80px;"
					data-300="padding-top: 10px;padding-left: 40px;background-position: 0 7px;background-size: 34px 34px;font-size: 16px; height: 50px;">
					<strong>W</strong>ORLD <span class="subheading"
					data-0="font-size: 11px;line-height: 13px;"
					data-300="font-size: 9px;line-height: 8px;">Thế giới của mẹ</span>
				</a>
				<div class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<a href="index.html#"> <i class="fa fa-bars"></i>
					</a>
				</div>
			</div>
			<!-- Branding end -->





			<!--.navbar-collapse -->
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">

					<li><a href="index.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Trang
							chủ</a></li>

					<li class="dropdown" data-init="onHover"><a
						href="pre-pregnancy.html" class="dropdown-toggle"
						data-toggle="dropdown"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Làm
							mẹ</a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="pre-pregnancy.html">Chuẩn bị mang thai</a></li>
							<li><a href="pregnancy.html">Mang thai</a></li>
							<li><a href="infants.html">Trẻ sơ sinh</a></li>
							<li><a href="parenting.html">Nuôi dạy trẻ</a></li>
						</ul></li>
					<li><a href="about.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Giới
							thiệu</a></li>
					<li class="active"><a href="contacts.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Liên
							hệ</a></li>
					<li><a href="advisory.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Tư
							vấn</a></li>

					<li class="login"><a href="login.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;"><i
							class="fa fa-lock"></i> Đăng nhập | Đăng kí</a></li>

					<li class="search"><input type="text" placeholder="&#61442;"
						data-0="margin-top:23px" data-300="margin-top:10px"></li>


				</ul>
			</div>
			<!--/.navbar-collapse -->




		</div>

	</div>
	<!-- END NAVBAR -->








	<!-- BEGIN BREADCRUMBS -->
	<div id="breadcrumbs" class="breadcrumbs bg-1">
		<div class="container">
			<nav class="navbar-category">
				<div class="container navbar-menu-category">
					<div class="navbar-header">

						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#myNavbar"
							style="float: none; text-align: center; margin: 0;">
							<span class="sr-only">Toggle navigation</span> <img
								class="img-responsive" alt=""
								src="Content/images/page-icon/navbar-toggle.png"
								style="width: 50px;">
						</button>

					</div>
					<div class="collapse navbar-collapse" id="myNavbar">
						<ul class="nav navbar-nav">
							<li class="active"><a href="pre-pregnancy.html">Mong con</a></li>
							<li><a href="pregnancy.html">Mang thai</a></li>
							<li><a href="infant.html">Trẻ sơ sinh</a></li>
							<li><a href="child-rearing.html">Nuôi dạy trẻ</a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li><a href="quiz-page.html" data-placement="bottom"
								title="Kiểm tra kiến thức"><i
									class="fa  fa-university hidden-md hidden-lg"></i> <span
									class="hidden-sm"> Kiểm tra kiến thức</span></a></li>

						</ul>
					</div>
				</div>
			</nav>

			<ol class="breadcrumb">
				<li><a href="index.html"><i class="fa fa-home"></i> Trang
						chủ</a></li>
				<li class="active"><a href="pre-pregnancy.html"> Mong con</a></li>
			</ol>

			<h2>
				<strong>Tạo bài viết</strong>
			</h2>
		</div>
	</div>
	<!-- END BREADCRUMBS -->







	<!-- post PAGE -->
	<section class="section">
		<div class="container">
			<div class="row">
				<!-- post POSTS -->
				<div class="col-sm-9 post-posts">
					<h1 class="uppercase no-top-margin" style="margin-bottom: 50px;">
						<i class="fa fa-pencil-square-o"></i> <strong> Bài viết </strong>
						Mới
					</h1>

					<form class="form-horizontal" role="form">

						<div class="form-group">
							<label for="title" class="col-md-12 " style="font-size: 20px;">Tiêu
								đề <span class="required">*</span>
							</label>
							<div class="col-lg-12">
								<input type="text" class="form-control" id="title">
							</div>
						</div>

						<div class="form-group">
							<label for="title" class="col-md-12" style="font-size: 20px;">Nội
								dung <span class="required">*</span>
							</label>
							<div class="col-lg-12">
								<section id="editor">
									<div id='edit' style="margin-top: 10px;"></div>
								</section>
							</div>
						</div>



						<div class="row">
							<div class="col-lg-8 col-md-offset-4">
								<button type="submit" class="btn btn-green">Tạo bài
									viết</button>
								<button type="reset" class="btn">Hủy</button>
							</div>
						</div>

					</form>



				</div>
				<!-- END post POSTS -->



				<!-- post SIDEBAR -->
				<div class="col-sm-3 post-sidebar">

					<!-- CATEGORIES -->
					<section class="tile color transparent-white">

						<!-- tile header -->
						<div class="tile-header color green rounded-top-corners">
							<h1>
								Bài viết <strong> Nên Chia Sẻ</strong>
							</h1>
						</div>
						<!-- /tile header -->

						<!-- tile body -->
						<div class="tile-body">

							<form class="form-horizontal" role="form">
								<ul class="nav categories sidebar-widget">
									<li><a>Kinh nghiệm, kiến thức hữu ích cho mọi người</a></li>
									<li><a>Cảm xúc, suy nghĩ về cuộc sống, công việc, gia
											đình, con cái</a></li>
									<li><a>Thắc mắc về vấn đề mình quan tâm</a></li>
								</ul>
							</form>

						</div>
						<!-- /tile body -->

					</section>
					<!-- END CATEGORIES -->
					<!-- CATEGORIES -->
					<section class="tile color transparent-white">

						<!-- tile header -->
						<div class="tile-header color redbrown rounded-top-corners">
							<h1>
								Bài viết <strong> Không Nên Chia Sẻ</strong>
							</h1>
						</div>
						<!-- /tile header -->

						<!-- tile body -->
						<div class="tile-body">

							<form class="form-horizontal" role="form">
								<ul class="nav categories sidebar-widget">
									<li><a>Nội dung phản cảm</a></li>
									<li><a>Nội dung chia rẽ dân tộc, tôn giáo, vùng miền</a></li>
									<li><a>Nội dung chia rẽ chính trị, bí mật nhà nước</a></li>
									<li><a>Thông tin thiếu kiểm chứng</a></li>
									<li><a>Thông tin đời tư cá nhân</a></li>
								</ul>
							</form>

						</div>
						<!-- /tile body -->

					</section>
					<!-- END CATEGORIES -->


					<!-- TAGS -->
					<section class="tile color transparent-white">
						<!-- TAGS -->
						<div class="tile-header color cyan rounded-top-corners">
							<h1>Các Thẻ</h1>
						</div>
						<div class="tile-body">
							<ul class="tags sidebar-widget">
								<li><a href="post.html#"><i class="fa fa-tags"></i>
										Mong con</a></li>
								<li><a href="post.html#"><i class="fa fa-tags"></i>
										Mang thai</a></li>
								<li><a href="post.html#"><i class="fa fa-tags"></i> Trẻ
										sơ sinh</a></li>
								<li><a href="post.html#"><i class="fa fa-tags"></i>
										Nuôi dạy con</a></li>

							</ul>
						</div>
					</section>
					<!-- END TAGS -->
				</div>
				<!-- END post SIDEBAR -->

			</div>
		</div>
	</section>
	<!-- END post PAGE -->






	<!-- FOOTER -->
	<footer id="footer">

		<div class="footer-main">
			<div class="container">
				<div class="row">

					<div class="col-md-4">

						<div class="widget widget-about">
							<img class="img-responsive" src="Content/images/slider/1.png"
								style="max-width: 80%;">
							<h1>
								<strong>Mom's </strong>World
							</h1>
						</div>



					</div>
					<div class="col-md-4">
						<div class="widget widget-photo-stream">
							<h4>
								Ảnh<strong> mới</strong>
							</h4>

							<div class="flickr-feed"></div>
							<a class="btn btn-green" href="Gallery.html">Xem thêm</a>

						</div>
					</div>

					<div class="col-md-4">

						<div class="widget widget-contact">
							<h4>
								<strong>Liên hệ</strong> với chúng tôi
							</h4>
							<address>
								<strong>Địa chỉ :</strong> FPT_University - Đà Nẵng<br> <strong>Điện
									thoại :</strong> +84 01655757445<br> <strong>Email:</strong> <a
									href="mailto:exc-group@gmail.com">exc-group@gmail.com</a><br>
							</address>
						</div>

						<div class="widget widget-social">
							<a href="index.html#"> <span class="overlay bg-cyan"></span>
								<i class="fa fa-twitter" style="padding-left: 10px;"></i>
							</a> <a href="index.html#"><span class="overlay bg-blue"></span><i
								class="fa fa-facebook" style="padding-left: 14px;"></i></a> <a
								href="index.html#"><span class="overlay bg-red"></span><i
								class="fa fa-google-plus" style="padding-left: 10px;"></i></a> <a
								href="index.html#"><span class="overlay"></span><i
								class="fa fa-flickr" style="padding-left: 10px;"></i></a> <a
								href="index.html#"><span class="overlay bg-hotpink"></span><i
								class="fa fa-dribbble" style="padding-left: 10px;"></i></a>
						</div>

						<div class="widget widget-newsletter">

							<h4>
								<strong>Nhận bản tin</strong>
							</h4>
							<p>Theo dõi bản tin của chúng tôi và luôn cập nhật các tin
								tức mới nhất !</p>

							<div class="input-group">
								<input type="text" class="form-control"
									placeholder="NHập địa chỉ email của bạn"> <span
									class="input-group-btn">
									<button class="btn btn-theme" type="button">Đăng kí</button>
								</span>
							</div>

						</div>

					</div>

				</div>
			</div>
		</div>

		<div class="footer-bottom">
			<div class="container">
				<div class="row">

					<div class="col-md-12 copyright">
						&copy; Copyright 2014 by <a href="index.html#">KhoaHN</a>. All
						Rights Reserved.
					</div>
				</div>
			</div>
		</div>

	</footer>
	<!-- END FOOTER -->






	<!-- SCROLL TOP -->
	<div class="scroll-top">
		<a href="post.html#"> <i class="fa fa-angle-up"></i>
		</a>
	</div>
	<!-- END SCROLL TOP -->











	<script src="Content/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="Content/js/vendor/jquery/jquery.js"></script>

	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="Content/js/vendor/bootstrap/bootstrap.min.js"></script>

	<script src="Content/js/vendor/skrollr/skrollr.min.js"></script>

	<script
		src="Content/js/vendor/text-rotator/jquery.simple-text-rotator.js"></script>

	<script src="Content/js/vendor/owl-carousel/owl.carousel.min.js"></script>

	<script src="Content/js/vendor/nivo-lightbox/nivo-lightbox.min.js"></script>

	<script src="Content/js/vendor/tweet-js/jquery.tweet.min.js"></script>

	<script src="Content/js/vendor/vticker/jquery.vticker.min.js"></script>

	<script src="Content/js/vendor/jflickrfeed/jflickrfeed.min.js"></script>

	<script src="Content/js/vendor/appear/jquery.appear.js"></script>

	<script src="Content/js/vendor/parallax/jquery.parallax-1.1.3.js"></script>

	<script src="Content/js/vendor/mixitup/jquery.mixitup.js"></script>

	<script src="http://maps.google.com/maps/api/js?sensor=false"
		type="text/javascript"></script>

	<script src="Content/js/minimal.min.js"></script>

	<script src="Content/js/vendor/froala_editor/froala_editor.min.js"></script>
	<!--[if lt IE 9]>
    <script src="js/froala_editor_ie8.min.js"></script>
  	<![endif]-->
	<script src="Content/js/vendor/froala_editor/plugins/tables.min.js"></script>
	<script src="Content/js/vendor/froala_editor/plugins/lists.min.js"></script>
	<script src="Content/js/vendor/froala_editor/plugins/colors.min.js"></script>
	<script
		src="Content/js/vendor/froala_editor/plugins/font_family.min.js"></script>
	<script src="Content/js/vendor/froala_editor/plugins/font_size.min.js"></script>
	<script
		src="Content/js/vendor/froala_editor/plugins/block_styles.min.js"></script>
	<script
		src="Content/js/vendor/froala_editor/plugins/media_manager.min.js"></script>
	<script src="Content/js/vendor/froala_editor/plugins/video.min.js"></script>
	<script
		src="Content/js/vendor/froala_editor/plugins/char_counter.min.js"></script>
	<script src="Content/js/vendor/froala_editor/langs/vn.js"></script>

	<script>
		$(function() {
			$('#edit').editable({
				inlineMode : false,
				language : 'vn'
			})
		});
	</script>

</body>
</html>